<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<jsp:include page="../jqgrid.jsp"></jsp:include>
</head>
<script type="text/javascript">
	$(document).ready(
			function() {
				jQuery("#roomInfolist").jqGrid(
						{
							url : 'queryRoomInfo.action',
							autowidth : true,
							datatype : "json",
							colNames : [ 'id', '面积(平方米)', '室(个数)', '厅(个数)',
									'厨(个数)', '卫(个数)', '图纸' ],
							colModel : [ {
								name : 'id',
								index : 'id',
								align : "center",
								width : 10,
								hidden : false,
								editable : false,
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'area',
								index : 'area',
								align : "center",
								width : 30,
								editable : true,
								editrules : {
									required : true,
									number : true
								},
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'room',
								index : 'room',
								align : "center",
								width : 30,
								editable : true,
								editrules : {
									required : true,
									integer : true
								},
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'parlour',
								index : 'parlour',
								width : 30,
								align : "center",
								editable : true,
								editrules : {
									required : true,
									integer : true
								},
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'kitchen',
								index : 'kitchen',
								width : 30,
								align : "center",
								editable : true,
								editrules : {
									required : true,
									integer : true
								},
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'toilet',
								index : 'toilet',
								width : 30,
								align : "center",
								editable : true,
								editrules : {
									required : true,
									integer : true
								},
								searchoptions : {
									sopt : [ 'eq', 'ne' ]
								}
							}, {
								name : 'icon',
								index : 'icon',
								width : 80,
								align : "center",
								editable : false,
								search:false,
								hidden: true
							} ],
							rowNum : 10,
							rowList : [ 10, 20, 30 ],
							pager : '#roomInfogridPager',
							sortname : 'id',
							viewrecords : true,
							jsonReader : {
								repeatitems : false
							},
							sortorder : "desc",
							caption : "户型列表",
							editurl : "editRoomInfo.action"
						});
				jQuery("#roomInfolist").jqGrid('navGrid', '#roomInfogridPager',
						{
							edit : true,
							add : true,
							del : false
						}, {}, {}, {}, {
							multipleSearch : true
						});
			});
</script>
<body>
	<div align="center">
		<table id="roomInfolist"></table>
		<div id="roomInfogridPager"></div>
	</div>
</body>
</html>